<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/ccc_r1_template_v2.dwt" codeOutsideHTMLIsLocked="false" -->

    <head>
    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- InstanceBeginEditable name="doctitle" -->
        <title>Charity Cycling Challenge</title>
        <!-- InstanceEndEditable -->
		
		<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
        <link href="styles/styles_r1.css" rel="stylesheet" type="text/css" />		<!-- TODO:  update to relative paths!! -->
        
        
        <!--[if IE]>
        <style type="text/css"> 
        /* place css fixes for all versions of IE in this conditional comment */
        .splitpage #sidebar1 { padding-top: 30px; }
        .splitpage #mainContent { zoom: 1; padding-top: 15px; }
        /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
        </style>
        <![endif]--></head>
    
    
    <body class="splitpage">
    
        <div id="container">
        
        
          <div id="header">
            <!-- <h1>Header</h1> -->  
            <img src="images/ccc_logo.png" alt="CharityCyclingChallenge.com Logo" />
            <!-- end #header -->
          </div>
          
          
          <div id="sidebar1">
          
          
            <h4>Site Navigation</h4>
            
            <ul>
              <!-- InstanceBeginEditable name="MenuOptions" -->
                <li class="none"> <a href="home.html"> Home </a> </li>
                <li class="selected"> <a href="aboutus.html"> About Us </a> </li>
                <li class="none"> <a href="mission.html"> Mission Statement </a> </li>
                <!-- disabled for now -->
              <li class="none"> <a href="sponsorship.html"> Sponsorship Info </a> </li>
                <li class="none"> <a href="pastevents.html"> Past Events </a> </li>
              <!-- InstanceEndEditable -->
            </ul>
            <hr style="color: #333333" />
            
            <h4>Connect With Us</h4>
            
            
            <!--    
            <ul>
                <li>Facebook</li>
                <li>Twitter</li>
                <li>MySpace</li>
            </ul>
            												disable text based menu  -->  
            
            <div align="center">
              <table> 
                        <tr><td>  
                   		  <a class="icon" href="http://www.facebook.com/pages/Charity-Cycling-Challenge/245360225262"> 
               		      <img src="images/facebook.png" alt="Become a Fan on Facebook" border="0" /> 	
                          </a> 
                       </td></tr>
                       <tr><td>  
               			 <a class="icon" href="http://twitter.com/Spinathon">
                       			 	<img src="images/twitter.png" alt="Follow us on Twitter" border="0" /> 		 
                         </a> 
                       </td></tr>                
                        <tr><td>  
                   		  <a class="icon" href="http://www.myspace.com/charitycyclingchallenge">
                                  	<img src="images/myspace.png" alt="Visit us on MySpace" border="0" /> 		 
                          </a> 
                       </td></tr>
						<tr><td>
                   		  <a class="icon" href="http://www.flickr.com/photos/30978899@N08/">  
               		      <img src="images/flickr.png" alt="View our Flickr Photosstream" border="0" /> 
                          </a> 
                       </td></tr>              
              </table>
            </div>
                
                
          </div>
          
          
          <!-- InstanceBeginEditable name="Main Content Pane" -->
          <div id="mainContent">
            <h1>About Us</h1>
            <p>We are ...</p>
            <h2>Optional Section </h2>
            <p>Blah blah blah.</p>
            <!-- end #mainContent -->
          </div>
          <!-- InstanceEndEditable -->
          <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
          <br class="clearfloat" />
          
          
          <div id="footer">
          
            <p align="center"> 
                
                <img src="images/email_sm.gif" alt="email us" border="0"/> 
                <a href="mailto:charitycyclingchallenge@live.com"> CharityCyclingChallenge@live.com</a> |                 
                <a href="http://www.goldsgym.com/gyms/index.php?gymID=61"> Gold's Gym </a> |
                400 Middle Street, Bristol, CT  06010 | 
                ph: 860.585.6400 | 
                fax: 860.585.1421            
            </p>
            <!-- end #footer -->
            
          </div>
          
          
          <!-- end #container -->
        </div>
    </body>
<!-- InstanceEnd --></html>
